<template>
  <ElConfigProvider :locale="zhCn">
    <Head></Head>
    <router-view />
    <el-dialog v-model="dialogVisible" width="30%" :before-close="handleClose">
      <Login />
    </el-dialog>
  </ElConfigProvider>
</template>

<script>
import { defineComponent } from "vue";
import zhCn from "element-plus/lib/locale/lang/zh-cn";

import Head from "./components/head.vue";
import Login from "@/view/login/src";

import dialogVisible from "@/utils/isdialogVisible";

export default defineComponent({
  components: { Head, Login },
  setup() {
    console.log(dialogVisible);
    const handleClose = () => {
      dialogVisible.value = !dialogVisible.value;
    };

    return { zhCn, dialogVisible, handleClose };
  },
});
</script>

<style lang="less">
</style>
